* {box-sizing: border-box;line-height: 100%;margin: 0;padding: 0;}
body {
  font-family: Verdana, PingFangSC-Regular, PingFang SC, -apple-system,
    BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei,
    Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol;font-size: 14px;color: rgb(29, 33, 41);
}
img {border: none; font-size: 0;}
a {cursor: pointer; text-decoration: none; display: block;}
li {list-style: none;}
::-webkit-scrollbar-corner {background-color: #fff;}
::-webkit-scrollbar {width: 10px;height: 10px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.2);border-radius: 5px;border: 1px solid #f1f1f1;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
::-webkit-scrollbar-track {background: #f8f8f8;}
::-webkit-scrollbar-track {background-color: #ebedf0;}
.icon {cursor: pointer;}
.cursor-pointer {cursor: pointer;}
.text-align-center {text-align: center;}
.flex {display: flex;}
.flex-row-reverse {flex-direction: row-reverse;}
.flex-center {display: flex; align-items: center;}
.flex-around {display: flex; align-items: center; justify-content: space-around;}
.flex-between {display: flex; align-items: center; justify-content: space-between;}
.flex-column {display: flex; flex-direction: column;}
.flex-column-center {display: flex; flex-direction: column; align-items: center;}
.flex1 {flex: 1;}
.one-line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.two-line {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.over-layer {position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}
.position-relative {position: relative;}
.overflow-auto {overflow: auto;}
.overflow-hidden {overflow: hidden;}
.w100 {width: 100%;}
.h100 {height: 100%;}
.white {color: #fff !important;}
.black {color: rgb(29, 33, 41) !important;}
.red {color: rgba(254, 32, 98, 1) !important;}
.grey {color: rgba(129, 137, 153, 1) !important;}
.white-bg {background: #fff;}
.grey-bg {background: rgba(247, 248, 250, 1);}
.red-bg {background: rgba(255, 42, 120, 1);}
.br-50 {border-radius: 50%;}
.box-shadow {box-shadow: 0px 4px 10px  rgba(0, 0, 0, 0.06);}

.fz12 {font-size: 12px;}
.fz14 {font-size: 14px;}
.rotate180 {transform: rotate(180deg);}
.br4 {border-radius: 4px;}
.br10 {border-radius: 10px;}
.m8 {margin: 8px;}
.mt8 {margin-top: 8px;}
.ml8 {margin-left: 8px;}
.mr8 {margin-right: 8px;}
.mb8 {margin-bottom: 8px;}
.m10 {margin: 10px;}
.mt10 {margin-top: 10px;}
.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mb10 {margin-bottom: 10px;}
.m15 {margin: 15px;}
.mt15 {margin-top: 15px;}
.ml15 {margin-left: 15px;}
.mr15 {margin-right: 15px;}
.mb15 {margin-bottom: 15px;}
.m20 {margin: 20px;}
.mt20 {margin-top: 20px;}
.ml20 {margin-left: 20px;}
.mr20 {margin-right: 20px;}
.mb20 {margin-bottom: 20px;}
.p5 {padding: 5px;}
.pt5 {padding-top: 5px;}
.pl5 {padding-left: 5px;}
.pr5 {padding-right: 5px;}
.pb5 {padding-bottom: 5px;}
.p8 {padding: 8px;}
.pt8 {padding-top: 8px;}
.pl8 {padding-left: 8px;}
.pr8 {padding-right: 8px;}
.pb8 {padding-bottom: 8px;}
.p12 {padding: 12px;}
.pt12 {padding-top: 12px;}
.pl12 {padding-left: 12px;}
.pr12 {padding-right: 12px;}
.pb12 {padding-bottom: 12px;}
.p14 {padding: 14px;}
.pt14 {padding-top: 14px;}
.pl14 {padding-left: 14px;}
.pr14 {padding-right: 14px;}
.pb14 {padding-bottom: 14px;}
